<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta charset="UTF-8">
    <title>峰尚视野</title>
    <!-- libs css-->
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/tool.css">
    <!-- libs js -->
    <script src="../js/jquery-1.8.2.min.js"></script>
    <script src="../js/jquery.ba-hashchange.js"></script>
    <script src="../js/onePage.js"></script>
    <script src="../js/tool.js"></script>
    <script src="../js/base.js"></script>
    <!-- style -->
    <link rel="stylesheet" href="../style.css">
    <link rel="stylesheet" href="../css/media.css">
</head>

<body>
<!-- 头部 -->
<div class="header">
    <div class="container header-all phone">
        <div class="logo"><img src="../images/logo.png"/></div>
        <div class="phone-show" id="phone-show">
            <div></div>
            <div></div>
            <div></div>
        </div>
        <ul class="nav" id="header-nav">
            <li><a href="../index.html" class=""><i class="iconfont">&#xe6cb;</i>首页</a></li>
            <li>
                <a href="javascript:;" class="lia"><i class="iconfont">&#xe690;</i>软件开发</a>
                <ol>
                    <li><a href="../blog_write.html">创作文章</a></li>
                    <li><a href="javascript:;">C++</a></li>
                </ol>
            </li>
            <li><a href="javascript:;" class="lia"><i class="iconfont">&#xe69e;</i>数据库</a>
                <ol>
                    <li><a href="javascript:;">SqlServer</a></li>
                    <li><a href="javascript:;">MySql</a></li>
                </ol>
            </li>
            <li><a href="../blog_templete.html" class=""><i class="iconfont">&#xe6cb;</i>原创</a>
            </li>
            <li><a href="javascript:;" class="lia this"><i class="iconfont">&#xe6cb;</i>WEB</a>
                <ol>
                    <li><a href="javascript:;">HTML</a></li>
                    <li><a href="javascript:;">WordPress</a></li>
                </ol>
            </li>
            <li><a href="javascript:;" class="lia">
                <i class="iconfont">&#xe6cb;</i>其他</a>
                <ol>
                    <li><a href="javascript:;">音乐</a></li>
                    <li><a href="javascript:;">视频</a></li>
                </ol>
            </li>
            <li>
                <a href="javascript:;" class="">关于我</a>
            </li>
            <li class="iconfont sou" id="sou" title="搜索"><a>&#xe693;</a></li>
        </ul>
    </div>
</div>
<t></t>
<!-- 搜索 -->
<div class="panel-sou container" id="panel-sou">
    <form action=""><input type="text" placeholder="请输入需要搜索的内容" name="p"><button class="btn btn-info">搜索</button></form>
</div>


<!-- 内容 -->
<div class="content container" data-content>
    <!-- 二级 -->
    <div class="love2" id="list-2">
        <div class="left" id="list-left">
            <ul class="list row list-hen">
                <li>